<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/movie.css">
</head>

<body>

    <header>
        <!-- 顶部工具栏 -->
        <div class="tool-bar"></div>
        <!-- 导航 -->
        <div class="nav"></div>
    </header>

    <!-- 电影分类 -->
    <div class="movie-type"></div>

    <!-- 影片页面主要内容 -->
    <div class="movie-center">
        <!-- 电影筛选 -->
        <div class="movie-filter">
            <div class="filter-column">
                <span class="label">类型：</span>
                <div class="filter-content" id="movieTypeEle">

                </div>
            </div>
            <div class="filter-column">
                <span class="label">类型：</span>
                <div class="filter-content">
                    <span class="active">全部</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                </div>
            </div>
            <div class="filter-column">
                <span class="label">类型：</span>
                <div class="filter-content">
                    <span>全部</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>爱情</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                    <span>战争</span>
                </div>
            </div>
        </div>
        <!-- 电影列表 -->
        <div>
            <!-- 电影排序 -->
            <div></div>
            <!-- 电影数据 -->
            <div class="movie-list-container" id="movieList">

            </div>
        </div>
    </div>


    <footer>
        <div class="service">
            <div class="center">

            </div>
        </div>
        <div class="company"></div>
    </footer>


    <script src="./js/request.js"></script>
    <script src="./js/movie.js"></script>
</body>

</html>